<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的订单</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/home-Page.css" />
		<link rel="stylesheet" type="text/css" href="css/z_ccs/register_new_consumer.css" />
		<link rel="stylesheet" type="text/css" href="css/z_ccs/serach_empty.css" />
		<link rel="stylesheet" href="css/z_ccs/order_is_empty.css" />
		<link rel="stylesheet" type="text/css" href="css/z_ccs/my_order.css" />
		<link rel="shortcut icon"  href="00/ico.ico"/>
		<link rel="stylesheet" type="text/css" href="css/首页颜色.css"/>
	</head>

	<body>
		<div class="register_new_consumer_pages">
			<!--头部-->
  		<div class="header"></div>	
			<div style="width: 100%;border: 1px solid rgb(1,141,226);">

			</div>
			<div class="register_new_consumer_content">
				<div class="register_new_consumer_center">
					<div class="comsumer_register_rule">
					
						<div class="comsumer_register_rule_right">
							<p>我的订单</p>
							<ul class="my_order_nav">
								<li>全部</li>
								<li>|</li>
								<li>待付款</li>
								<li>|</li>
								<li>待发货</li>
								<li>|</li>
								<li>待收货</li>
								<li>|</li>
								<li>已收货</li>
								<li>|</li>
								<li>退款</li>
								<li>|</li>
								<li>已完成/关闭</li>
								<li>订单回收站</li>
							</ul>
							<div class="test_wrap">
								<table class="table_one">
									<tr>
										<th>订单号:1666666666666</th>
										<th>
											<span>下单日期:</span>
											<span>2017.04.09 15:11:00</span>
										</th>
										<th>凤凰山图书专营店</th>
										<th>
											<span>订单状态:</span>
											<span class="test_wrap_th_span">关闭</span>
										</th>
									</tr>
								</table>

								<table class="table_two">
									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>
								</table>

								<div class="right_div2">
									<a href="###">
										<p>查看详情</p>
									</a>
									<p class="deleteOrder">删除订单</p>
								</div>

								<div class="right_div1">
									<p>
										<span>地址:</span>
										<span>郑州市高新区长椿路与冬青街交汇处东北角（河南省电子商务产业园 ） </span>
									</p>
									<p>
										<span>实付款:</span>
										<span>¥888.0</span>
									</p>
								</div>

							</div>
							<div class="test_wrap">
								<table class="table_one">
									<tr>
										<th>订单号:1666666666666</th>
										<th>
											<span>下单日期:</span>
											<span>2017.04.09 15:11:00</span>
										</th>
										<th>凤凰山图书专营店</th>
										<th>
											<span>订单状态:</span>
											<span class="test_wrap_th_span">关闭</span>
										</th>
									</tr>
								</table>

								<table class="table_two">
									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>
								</table>

								<div class="right_div2">
									<a href="###">
										<p>查看详情</p>
									</a>
									<p class="deleteOrder">删除订单</p>
								</div>

								<div class="right_div1">
									<p>
										<span>地址:</span>
										<span>郑州市高新区长椿路与冬青街交汇处东北角（河南省电子商务产业园 ） </span>
									</p>
									<p>
										<span>实付款:</span>
										<span>¥888.0</span>
									</p>
								</div>

							</div>
							<div class="test_wrap">
								<table class="table_one">
									<tr>
										<th>订单号:1666666666666</th>
										<th>
											<span>下单日期:</span>
											<span>2017.04.09 15:11:00</span>
										</th>
										<th>凤凰山图书专营店</th>
										<th>
											<span>订单状态:</span>
											<span class="test_wrap_th_span">待付款</span>
										</th>
									</tr>
								</table>

								<table class="table_two">
									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>
								</table>

								<div class="right_div2">
									<a href="order_detail_message.html">
										<p>查看详情</p>
									</a>
									<p><a href="account_top_up_pay.html">去支付</a></p>
								</div>

								<div class="right_div1">
									<p>
										<span>地址:</span>
										<span>郑州市高新区长椿路与冬青街交汇处东北角（河南省电子商务产业园 ） </span>
									</p>
									<p>
										<span>实付款:</span>
										<span>¥888.0</span>
									</p>
								</div>

							</div>
							<div class="test_wrap">
								<table class="table_one">
									<tr>
										<th>订单号:1666666666666</th>
										<th>
											<span>下单日期:</span>
											<span>2017.04.09 15:11:00</span>
										</th>
										<th>凤凰山图书专营店</th>
										<th>
											<span>订单状态:</span>
											<span class="test_wrap_th_span">待发货</span>
										</th>
									</tr>
								</table>

								<table class="table_two">
									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>
								</table>

								<div class="right_div2">
									<a href="###">
										<p>查看详情</p>
									</a>
									<p>申请退款</p>
								</div>

								<div class="right_div1">
									<p>
										<span>地址:</span>
										<span>郑州市高新区长椿路与冬青街交汇处东北角（河南省电子商务产业园 ）  </span>
									</p>
									<p>
										<span>实付款:</span>
										<span>¥888.0</span>
									</p>
								</div>

							</div>
							<div class="test_wrap">
								<table class="table_one">
									<tr>
										<th>订单号:166665588888</th>
										<th>
											<span>下单日期:</span>
											<span>2017.05.02 17:11:00</span>
										</th>
										<th>凤凰山图书专营店</th>
										<th>
											<span>订单状态:</span>
											<span class="test_wrap_th_span">已发货</span>
										</th>
									</tr>
								</table>

								<table class="table_two">
									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>
								</table>

								<div class="right_div2">
									<a href="###">
										<p>查看详情</p>
									</a>
									<p>确认收货</p>
								</div>

								<div class="right_div1">
									<p>
										<span>地址:</span>
										<span>郑州市高新区长椿路与冬青街交汇处东北角（河南省电子商务产业园 ）</span>
									</p>
									<p>
										<span>实付款:</span>
										<span>¥888.0</span>
									</p>
								</div>

							</div>
							<div class="test_wrap">
								<table class="table_one">
									<tr>
										<th>订单号:1666657776666</th>
										<th>
											<span>下单日期:</span>
											<span>2017.04.29 15:11:00</span>
										</th>
										<th>凤凰山图书专营店</th>
										<th>
											<span>订单状态:</span>
											<span class="test_wrap_th_span">已收货</span>
										</th>
									</tr>
								</table>

								<table class="table_two">
									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>
								</table>

								<div class="right_div2">
									<a href="###">
										<p>查看详情</p>
									</a>
									<p>申请退款</p>
								</div>

								<div class="right_div1">
									<p>
										<span>地址:</span>
										<span>郑州市高新区长椿路与冬青街交汇处东北角（河南省电子商务产业园 ）  </span>
									</p>
									<p>
										<span>实付款:</span>
										<span>¥888.0</span>
									</p>
								</div>

							</div>
							<div class="test_wrap">
								<table class="table_one">
									<tr>
										<th>订单号:1666666666666</th>
										<th>
											<span>下单日期:</span>
											<span>2017.04.09 15:11:00</span>
										</th>
										<th>凤凰山图书专营店</th>
										<th>
											<span>订单状态:</span>
											<span class="test_wrap_th_span">已完成</span>
										</th>
									</tr>
								</table>

								<table class="table_two">
									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>

									<tr>
										<td><img src="00/007.png" /></td>
										<td>Java入门到放弃</td>
										<td>
											<p>出版社:007</p>
											<p>颜色:白加黑</p>
										</td>
										<td>¥45.0 x 1</td>
									</tr>
								</table>

								<div class="right_div2">
									<a href="###">
										<p>查看详情</p>
									</a>
									<p><a href="fan商品待评价.html">去评价</a></p>
								</div>

								<div class="right_div1">
									<p>
										<span>地址:</span>
										<span>郑州市高新区长椿路与冬青街交汇处东北角（河南省电子商务产业园 ）  </span>
									</p>
									<p>
										<span>实付款:</span>
										<span>¥888.0</span>
									</p>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<!--底部-->
			<div class="bottomNav">
				<div class="navBtm">
					<span class="wSpan">
					<img src="00/footer1.gif"/>
					<a style="text-decoration: none;" href="quality_product_safeguard.html"><span>正品保障</span></a>
					</span>
					<span class="wSpan">
					<img src="00/footer2.gif"/>
					<span>全程跟踪</span>
					</span>
					<span class="wSpan">
					<img src="00/footer3.gif"/>
					<span>客户监督</span>
					</span>
					<span class="wSpan">
					<img src="00/footer4.gif"/>
					<span>售后无忧</span>
					</span>
					<span class="wSpan">
					<img src="00/footer5.gif"/>
					<span>准时到达</span>
					</span>
				</div>
			</div>

		</div>
	</body>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/home-Page.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/order_is_empty.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		//删除对应订单
		$('.deleteOrder').click(function() {
			$(this).parent().parent().slideUp(function() {
				$(this).remove();
			})
		})

		//分类
		$('.my_order_nav li').click(function() {
			if($(this).index()%2 == 1){
				return;
			}
			if($(this).text() == '全部') {
				$('.test_wrap').slideDown();
			} else if($(this).text() == '已完成/关闭') {
				$('.test_wrap').hide();
				for(var j = 0; j < $('.test_wrap_th_span').length; j++) {
					if($('.test_wrap_th_span:eq(' + j + ')').text() == '已完成' ||
						$('.test_wrap_th_span:eq(' + j + ')').text() == '关闭') {
						$('.test_wrap:eq(' + j + ')').slideDown();
					}
				}
			} else if($(this).text() == '代付款' || '待发货' || '待收货' || '已收货') {
				$('.test_wrap').hide();
				for(var i = 0; i < $('.test_wrap_th_span').length; i++) {
					if($(this).text() == $('.test_wrap_th_span:eq(' + i + ')').text()) {
						$('.test_wrap:eq(' + i + ')').slideDown();
					}
				}
			}
		});
		
		//引入头部和尾部
  	$(document).ready(function () {
  		$('.header').load('all_header.html');
  		$('.footer').load('all_footer.html');
  	});
	</script>
   
</html>